<template>
  <div class style="height: 100%;">
    <dv-scroll-board :config="config" style="height: 100%;" />
  </div>
</template>
<script>
import axios from "@/utils/requestzz";;

import defaultmixins from "@/mixins/bigScreen/defaultmixins";

export default {
  name: 'datatable',
  mixins: [defaultmixins],
  components: {},
  data() {
    return {
      config: {
        header: [],
        data: [],
        index: true
        // columnWidth: [50],
        // align: ["center"]
      }
    };
  },
  computed: {},
  watch: {},
  mounted() {
    this.loadData();
  },
  methods: {
    loadData() {
      //异步获取数据
      //setinterval  或者websocket
      //设置option

      this.config.header = [];

      // <th>管网名称</th>\n" +
      //           "                            <th>热量<br>(MW)</th>\n" +
      //           "                            <th>流量<br>(t/h)</th>\n" +
      //           "                            <th>平均流量<br>(kg/(h*㎡))</th>\n" +
      //           "                            <th>热单耗<br>(W/㎡)</th>\n" +

      //   let columns1 = [
      //     {
      //         title: '热源名称',
      //         name: '热源名称',
      //         data: "name",
      //         // data: "nowName",
      //         width: "30%",
      //         render: function (data, type, row, meta) {
      //             if (data) {
      //                 var thisname = data.replace(/\（/g, "(");//中文字符的括号换成英文字符的 否则表格会换行
      //                 thisname = thisname.replace(/\）/g, ")");
      //                 return thisname;
      //             } else {
      //                 return row["name"];
      //             }
      //         }
      //     }, {
      //         title: '供温<br>(℃)',
      //         name: '供温',
      //         data: "m_001t",
      //     }, {
      //         title: '回温<br>(℃)',
      //         name: '回温',
      //         data: "m_002t",
      //     }, {
      //         title: '流量<br>(t/h)',
      //         name: '流量',
      //         data: "m_001q",//都写在m_001q里
      //     }, {
      //         title: '热量<br>(MW)',
      //         name: '热量',
      //         data: "m_003qc",
      //     }, {
      //         title: '供压<br>(MPa)',
      //         name: '供压',
      //         data: "m_001p",
      //     }, {
      //         title: '回压<br>(MPa)',
      //         name: '回压',
      //         data: "m_002p",
      //     },
      // ];

      let header = [
        [
          "管网名称",
          "热量<br>(MW)",
          "流量<br>(t/h)",
          "平均流量<br>(kg/(h*㎡))",
          "热单耗<br>(W/㎡)"
        ],
        [
          "热源名称",
          "供温<br>(℃)",
          "回温<br>(℃)",
          "流量<br>(t/h)",
          "热量<br>(MW)",
          "供压<br>(MPa)",
          "回压<br>(MPa)"
        ]
      ];

      this.config.data = [];

    }
  }
};
</script>
<style lang='scss' scoped>
</style>